<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../node_modules/swiper/swiper-bundle.min.css" />
    <script src="../node_modules/axios/dist/axios.js"></script>

    <script src="../js/url.js"></script>
</head>

<body>
    <div class="header">
        <div class="logo-head"></div>
        <div class="nav-wrap">
            <div class="nav">
                <ul class="list-l">
                    <li><a href="">小米商城</a></li>
                    <li><a href="">MIUI</a></li>
                    <li><a href="">loT</a></li>
                    <li><a href="">云服务</a></li>
                    <li><a href="">天星数科</a></li>
                    <li><a href="">有品</a></li>
                    <li><a href="">小爱开放平台</a></li>
                    <li><a href="">企业团购</a></li>
                    <li><a href="">资质证照</a></li>
                    <li><a href="">协议规则</a></li>
                    <li><a href="">下载app</a></li>
                    <li><a href="">智能生活</a></li>
                    <li><a href="">Select Location</a></li>
                </ul>
                <ul class="list-r">
                    <li><a href="logoin.html">登录</a></li>
                    <li><a href="register.html">注册</a></li>
                    <li><a href="">消息通知</a></li>
                    <li><a href="carts.html" class="a1">购物车（0）</a></li>
                </ul>
            </div>
        </div>
        <div class="nav-b">
            <div class="nav-b-l"></div>
            <ul>
                <li><a href="">小米手机</a></li>
                <li><a href="">Redmi红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <div class="nav-b-r">
                <input class="ipt1" type="text" name="" id="" placeholder="小米11" />
                <input class="ipt2" type="button" value="提交" />
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-t">
            <!-- Swiper -->
            <div class="swiper-containers">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="
                background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/921811dd1557b9baa907cb828c1286af.jpg?w=2452&h=920);
                background-size: 1226px 460px;
              "></div>
                    <div class="swiper-slide" style="
                background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9e7bd1f48d954cdf122b51ce0a8374b3.jpg?thumb=1&w=1533&h=575&f=webp&q=90);
                background-size: 1226px 460px;
              "></div>
                    <div class="swiper-slide" style="
                background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ebff5f5c1f52f2dbdd611897adbefd4.jpg?thumb=1&w=1533&h=575&f=webp&q=90);
                background-size: 1226px 460px;
              "></div>
                    <div class="swiper-slide" style="
                background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef4160c861b998239bce9adb82341e7.jpg?thumb=1&w=1533&h=575&f=webp&q=90);
                background-size: 1226px 460px;
              "></div>
                    <div class="swiper-slide" style="
                background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c8548518decd20f4eb61608730ada54.jpg?thumb=1&w=1533&h=575&f=webp&q=90);
                background-size: 1226px 460px;
              "></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination-white"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white" id="swiper-button-nexts"></div>
                <div class="swiper-button-prev swiper-button-white" id="swiper-button-prevs"></div>
            </div>

            <!-- Swiper JS -->
            <script src="../node_modules/swiper/swiper-bundle.min.js"></script>

            <!-- Initialize Swiper -->
            <script>
                var swiper = new Swiper(".swiper-containers", {
                    loop: true,
                    autoplay: {
                        delay: 2000,

                    },

                    spaceBetween: 30,
                    effect: "fade",
                    pagination: {
                        el: ".swiper-pagination",
                        clickable: true,
                    },
                    navigation: {
                        nextEl: ".swiper-button-next",
                        prevEl: ".swiper-button-prev",
                    },

                });
            </script>
            <ul>
                <li>
                    <a href="">手机 电话卡 <span>></span></a>
                </li>
                <li>
                    <a href="">电视 盒子 <span>></span></a>
                </li>
                <li>
                    <a href="">笔记本 显示器 <span>></span></a>
                </li>
                <li>
                    <a href="">家电 插线板 <span>></span></a>
                </li>
                <li>
                    <a href="">出行 穿戴 <span>></span></a>
                </li>
                <li>
                    <a href="">智能 路由器 <span>></span></a>
                </li>
                <li>
                    <a href="">电源 配件 <span>></span></a>
                </li>
                <li>
                    <a href="">健康 儿童 <span>></span></a>
                </li>
                <li>
                    <a href="">耳机 音响 <span>></span></a>
                </li>
                <li>
                    <a href="">生活 箱包 <span>></span></a>
                </li>
            </ul>
        </div>
        <div class="banner-b">
            <div class="banner-b-l">
                <ul>
                    <li><a href="">小米秒杀</a></li>
                    <li><a href="">企业团购</a></li>
                    <li><a href="">F码通道</a></li>
                    <li><a href="">米粉卡</a></li>
                    <li><a href="">以旧换新</a></li>
                    <li><a href="">话费充值</a></li>
                </ul>
            </div>
            <div class="banner-b-r">
                <ul>
                    <li>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e5f20a62c3d5b3d6806bd51ab6c5dd12.jpg?w=632&h=340" alt="" />
                    </li>
                    <li class="teshu">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a43378b96501d7e227a9018fe2668c5.jpg?w=632&h=340" alt="" />
                    </li>
                    <li>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793913688bfaee26b755a0b0cc8575fd.jpg?w=632&h=340" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main-wrap">
        <div class="main">
            <div class="main-t">
                <h2>小米闪购</h2>
                <p><span><</span><span>></span></p>
            </div>
            <div class="main-b">
                <div class="main-b-l">
                    <h4>10:00 场</h4>
                    <img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
                bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
                bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
                eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
                MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
                dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
                dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
                IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
                ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
                cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
                ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
                bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
                OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
                Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
                OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
                cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
                cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
                S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
                jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
                JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
                ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
                KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
                bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
                xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
                kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
                Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
                cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
                7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="" />
                    <p>据结束还有</p>
                    <span></span><b>:</b><span></span><b>:</b><span></span>
                </div>
                <div class="main-b-r">
                    <!-- Swiper -->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7827f0294b27dddf5c696cb7c9c36b76.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">29元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/71c5e84be42a4581c67bd2fe5d4b8ffb.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">3999元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/730055892c1afa7b6d8128c0938b5277.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">27.9元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/563ced6ca5112591d4c19f7133e8847b.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">4999元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/b907a40651c096642415df6163524066.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">699元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4341891528452ee712596b4ed7347532.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">1599元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/71c5e84be42a4581c67bd2fe5d4b8ffb.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">4499元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/53c97a38921965729cbcb65fca605ab0.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">399元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/05539d0d63768c56c7488340bd7a6d7b.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">1999元</a>
                            </div>
                            <div class="swiper-slide">
                                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/dd7d4c781fb22a973179a86b9f3cd8b8.png?thumb=1&w=250&h=250&f=webp&q=90" alt="" />

                                <a href="">5799元</a>
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Swiper JS -->
                    <script src="../package/swiper-bundle.min.js"></script>

                    <!-- Initialize Swiper -->
                    <script>
                        var swiper = new Swiper(".swiper-container", {
                            autoplay: true,
                            slidesPerView: 4,
                            slidesPerGroup: 4,

                            spaceBetween: 30,
                            pagination: {
                                el: ".swiper-pagination",
                                clickable: true,
                            },

                        });
                    </script>
                </div>
            </div>
        </div>
    </div>

    <div class="web">
        <div class="web-t">
            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a59db7dac2804ee2b5c7be1b02b3770e.jpg?thumb=1&w=1149&h=113&f=webp&q=90" alt="" />
        </div>
        <div class="web-b">
            <div class="web-b-t">
                <h2>手机</h2>
                <p>查看全部&nbsp;></p>
            </div>
            <div class="web-b-b">
                <div class="web-b-b-l">
                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=219&h=576&f=webp&q=90" alt="" />
                </div>
                <div class="web-b-b-r">
                    <ul id="list1">
                        <!-- <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a260090e0e08770b0bd865845a4b4ab.jpg?thumb=1&w=188&h=188&f=webp&q=90" alt="" />
                            <h3>小米11</h3>
                            <p>骁龙888|2k四曲面屏</p>
                            <span>3999元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>Note 9 pro</h3>
                            <p>一亿像素夜景相机，120Hz六档变速高刷屏</p>
                            <span>1599元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>Note 9</h3>
                            <p>天玑 800U处理器，5000mAh电池，</p>
                            <span>1299元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>Note 9 4G</h3>
                            <p>6000mAh长续航</p>
                            <span>999元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米10至尊版</h3>
                            <p>120X 变焦/120W秒充/120Hz屏幕</p>
                            <span>5299元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cf7a05df86a858a1f391a0378d8c27d.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>Redmi K30S 至尊纪念版</h3>
                            <p>144Hz[7档]变速高刷屏</p>
                            <span>2599元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>Redmi K30 至尊版</h3>
                            <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                            <span>1999元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/237942bfcaf2bbe82fbe966c2f584d69.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>腾讯黑沙3s</h3>
                            <p>骁龙865处理器，120Hz刷新率</p>
                            <span>3999元</span>
                        </li>
                    </ul> -->
                </div>
            </div>
        </div>
    </div>
    <div class="web">
        <div class="web-t">
            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="" />
        </div>
        <div class="web-b">
            <div class="web-b-t">
                <h2>手机</h2>
                <p>查看全部 ></p>
            </div>
            <div class="web-b-b">
                <div class="web-b-b-l">
                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a660ce095e8f553a9ed1515265f4e9fc.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="" />
                </div>
                <div class="web-b-b-r">
                    <ul>
                        <li>
                            <img src="//i8.mifile.cn/v1/a1/877d3ce8-68ab-7506-2a78-55a8c0fba946!250x250.png" alt="" />
                            <h3>九号平衡车 Plus</h3>
                            <p>一个形影不离的新伙伴</p>
                            <span>3299元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0294e2f3997bf0cffb7bf48361d03588.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>米家充气宝</h3>
                            <p>便捷电动打气筒</p>
                            <span>199元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/12fe0ea5e8dafecce5ffa65108796683.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米小背包</h3>
                            <p>城市休闲，简约设计</p>
                            <span>29元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5b4304d0e62a9c874e83eba0649110ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米旅行箱 青春款</h3>
                            <p>环保材料，轻便重量</p>
                            <span>199元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3520b7c57449585bc3185d31b9d9bd08.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>骑记电动助力自行车 新国标版 黑色</h3>
                            <p>更多助力选择，更多城市风景</p>
                            <span>2999元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米米家对讲机2</h3>
                            <p>向更远出发</p>
                            <span>449元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&w=250&h=250" alt="" />
                            <h3>九号平行车</h3>
                            <p>年轻人的酷玩具</p>
                            <span>1999元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3622a82de99a8a3ee1aeb2b2b7586209.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="" />
                            <h3>米家电动滑板车</h3>
                            <p>滑板车1s</p>
                            <span>1999元</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="web">
        <div class="web-t">
            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="" />
        </div>
        <div class="web-b">
            <div class="web-b-t">
                <h2>手机</h2>
                <p>查看全部></p>
            </div>
            <div class="web-b-b">
                <div class="web-b-b-l">
                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/45c4de5f15f6dc9946e5d0827fd96d71.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="" />
                </div>
                <div class="web-b-b-r">
                    <ul>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3483b4ec83f3d085c567633f2edef1c1.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米电视4C 32英寸</h3>
                            <p>高清液晶屏，人工智能系统</p>
                            <span>869元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f193daba3989eadac5e13ae102b91582.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>全面屏电视 55英寸E55X</h3>
                            <p>潮流全面屏设计</p>
                            <span>2299元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米电视4A 70英寸</h3>
                            <p>大屏更享受</p>
                            <span>3399元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8156dec11073b1f98db8e4b7598262a4.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米电视4C 43英寸</h3>
                            <p>FHD全高清屏，钢琴烤漆</p>
                            <span>1349元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/7e2127506fd2209f3115828404269d45.jpg?thumb=1&w=250&h=250" alt="" />
                            <h3>小米电视4S 75英寸</h3>
                            <p>4K HDR，人工智能语音</p>
                            <span>4499元起</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/6a3d09cb5b895f8c3706f513552cd53d.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米全面屏电视65英寸 E65C</h3>
                            <p>震撼大屏，时尚全面屏</p>
                            <span>2999元</span>
                        </li>
                        <li>
                            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b3fe3a07ef69fb4c959e39c768c7525.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
                            <h3>小米全面屏电视E32C</h3>
                            <p>全面屏设计，人工智能系统</p>
                            <span>899元</span>
                        </li>
                        <li>
                            <img src="//i8.mifile.cn/b2c-mimall-media/b6314e555f351179ee55caf36e23c8fc!125x125.jpg" alt="" />
                            <h3>小米盒子</h3>
                            <p>小米4c盒子</p>
                            <span>199元</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-t">
            <ul>
                <li><a href="">预约维修服务</a></li>
                <li><a href="">7天无理由退货</a></li>
                <li><a href="">15天免费换货</a></li>
                <li><a href="">满99元包邮</a></li>
                <li><a href="">520余家售后网点</a></li>
            </ul>
        </div>
        <div class="bottom-b">
            <div class="bottom-b-l">
                <ul>
                    <h4>帮助中心</h4>
                    <li><a href="">账户管理</a></li>
                    <li><a href="">购物指南</a></li>
                    <li><a href="">订单操作</a></li>
                </ul>
                <ul>
                    <h4>服务支持</h4>
                    <li><a href="">售后服务</a></li>
                    <li><a href="">自助服务</a></li>
                    <li><a href="">相关下载</a></li>
                </ul>
                <ul>
                    <h4>线下门店</h4>
                    <li><a href="">小米之家</a></li>
                    <li><a href="">服务网点</a></li>
                    <li><a href="">授权体验店</a></li>
                </ul>
                <ul>
                    <h4>关于小米</h4>
                    <li><a href="">了解小米</a></li>
                    <li><a href="">加入小米</a></li>
                    <li><a href="">投资者关系</a></li>
                    <li><a href="">企业社会负责</a></li>
                    <li><a href="">廉洁举报</a></li>
                </ul>
                <ul>
                    <h4>关注我们</h4>
                    <li><a href="">新浪微博</a></li>
                    <li><a href="">官方微博</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">公益基金会</a></li>
                </ul>
                <ul>
                    <h4>特色服务</h4>
                    <li><a href="">F码通道</a></li>
                    <li><a href="">礼物吗</a></li>
                    <li><a href="">防伪查询</a></li>
                </ul>
            </div>

            <div class="bottom-b-r">
                <h3>400-100-5678</h3>
                <p>8:00-18:00(仅收市话费)</p>
                <span>人工客服</span>
                <img src="../img/xm.png" alt="" />
            </div>
        </div>
    </div>
</body>
<script src="../js/index.js"></script>

</html>